@import "../../../../shared/color";

@size: 30px;
@border-size: 2px;

.clothing-td-title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 140px;
	color: #1d1d1d;
}

.user-info {
	display: flex;
	justify-content: center;
	padding: 10px;
	flex-direction: column;
	align-items: center;
	cursor: pointer;
	
	.avatar {
		width: 80px;
		overflow: hidden;
		
		& > img {
			width: 80px;
		}
	}
	
	.user-name,
	.user-phone {
		text-align: center;
		color: @text-color-lighten;
	}
	
	.user-name {
		font-weight: bold;
		margin-top: 14px;
		color: #0a0a0a;
	}
}

.user-item-box {
	display: flex;
	align-items: center;
	
	.user-item-cut {
		width: @size / 1.6;
		
		.user-item {
			width: @size;
			height: @size;
			border: @border-size solid #ffffff;
			border-radius: 50%;
			
			img {
				width: @size - 2 * @border-size;
			}
		}
	}
	
	.user-count {
		margin-left: 16px;
		font-weight: bold;
		font-size: 14px;
	}
}